@charset "utf-8";html{background-color:#fff;color:#000;}
html *{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {height: 100%; font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {
  height: 100%;
   font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;
   font-size:.28rem;
   line-height: 1.5;
   -webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: rgba(0,0,0,0.8);text-decoration: none;}

/*提示信息*/
.tk_info{
    position: fixed;
    z-index: 99;
    padding: .16rem .22rem;
    font-size:.24rem;
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    left: 50%;
    top: 50%;
    border-radius: 4px;
    transform:translate(-50%,-50%) 
}
/*提示框*/
.tkbox{
    display: none;
    position:fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: rgba(0,0,0,0.5);
}
.tkcom{
    position:fixed;
    left: 10%;
    right: 10%;
    top: 50%;
    transform:translateY(-50%); 
    z-index: 100;
    background: #FFF;
    border-radius: 4px;
}
.tkcom p{
    padding: 0.68rem 0 .38rem;
    color: #000;
    text-align: center;
    border-bottom: .04rem solid rgba(0,0,0,0.04);
    .p_info{
        font-size: .24rem;
        display: block;
        margin-bottom: 15px;
    }
    .copy{
      display: block;
      color: #00b5e2;
      text-decoration: underline;
      font-size: .24rem;
    }
}
.tkcom .btns{
    display: flex;
    flex-direction:row;
    align-items:center;
}
.tkcom .btns a{
    width: 50%;
    text-align: center;
    line-height: .98rem;
    box-sizing: border-box;
}
.tkcom .btns a.no-btn{
    border-right: .04rem solid rgba(0,0,0,0.04)
}
.ptb10{
  padding:10px 0;
}
.icon-money{
  display: inline-block;
  width: .44rem;
  height: .35rem;
  margin-left:.1rem;
  background:url(../image/icon-red.png) no-repeat center;
  background-size:100% auto;
}
.icon-wx{
  width: 2.4rem;
  height: auto;
}
.icon-zfb{
  width: .74rem;
  height: auto;
}
.icon-txt{
  display: inline-block;

}
.header{
    width: 100%;
    height: 1rem;
    line-height:1rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index:999;
    color: #fff;
    background:linear-gradient(0deg,rgba(0,181,226,1),rgba(0,175,226,1));
    .back{
        position: absolute;
        z-index:2;
        top:0;
        left:0;
        width:1rem;
        height:1rem;
        text-align: center;
        color: #fff;
        background:url('../image/icon-back.png') no-repeat center;
        background-size: 0.16rem 0.26rem;
    }
}
.header .center{
    text-align: center;
    line-height:1rem;
    font-size:0.38rem;
}
.header .right{
    position: absolute;
    z-index:2;
    font-size: 0.32rem;
    top: 0rem;
    right: 0.2rem;
    color: #fff;
}
.main{
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  height: calc(100vh - 2.1rem);
  // bottom: 1.1rem;
  overflow: auto;
}
.footer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .15rem;
}
.footer .foot-btn{
  display: block;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  font-size:.38rem;
  color: #fff;
  background: #00B5E9;
  border-radius: .16rem;
}
.box{
  margin: 15px;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 6px 1px rgba(0, 0, 0, 0.06);
  border-radius:15px;
  display: flex;
  padding: 20px;
  justify-content:space-between;
  align-items:center;
  .txt p{
    font-size: .46rem;
    color: #333;
  }
  .txt font{
    font-size: .24rem;
    color: #999;
  }
  .btn{
    display: block;
    width: 1.88rem;
    height: .72rem;
    background:rgba(0,181,233,1);
    border:1px solid rgba(227,227,227,1);
    border-radius:5px;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    line-height: .72rem;
  }
}

.tit-box{
  margin-top: 10px;
  padding:5px 15px;
  border-bottom:1px #DEDEDE solid;
  h3{
    font-weight: bold;
    font-size: .32rem;
    color: #333;
  }
  .flex{
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:10px 0;
    li{
      width: 48%;
      padding:15px 0;
      background:rgba(247,247,247,1);
      border-radius:8px;
      margin-bottom: 10px;
      text-align: center;
      border:1px rgba(247,247,247,1) solid;
      &.hover{
        background:rgba(0,181,233,0.03);
        border:1px solid rgba(0,181,233,1);
      }
      p{
        font-size: .32rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 5px;
        .icon-txt{
          display: inline-block;
          vertical-align: middle;
          width: 1.23rem;
          height: .45rem;
          margin-left: 5px;
          margin-top: -8px;
          background:url(../image/icon-txt.png) center top no-repeat ;
          background-size:100% auto;
        }
      }
      font{
        font-size: .28rem;
        color: #999;
      }
    }
  }
  .p-mb{
    p{
      margin-bottom: 10px;
      font-size: .26rem;
      color: #999;
      font-size: 1.5;
    }
  }
}
.stp-box{
  margin: 15px;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 6px 1px rgba(0, 0, 0, 0.06);
  border-radius:15px;
  padding:20px;
  .stp1{
    height: .36rem;
    padding-left: .66rem;
    background:url(../image/icon-dian2.png) left center no-repeat;
    background-size:contain;
    font-size: .28rem;
    color:#333;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .stp2{
    height: .61rem;
    background:url(../image/line.png) 0.16rem center no-repeat;
    background-size:contain;
    margin-bottom: 5px;
  }
  .stp3{
    height: .36rem;
    padding-left: .66rem;
    background:url(../image/icon-dian1.png) left center no-repeat;
    background-size:contain;
    font-size: .28rem;
    color:#333;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .spt-txt{
    padding-left:.66rem;
    font-size: .24rem;
    color:#999;
    margin-top: .4rem;
  }
}
.border-m{
  margin:15px;
  border-bottom:1px #E9E9E9 solid;
  padding:15px 0;
  display: flex;
  justify-content: space-between;
  p{
    font-size: .28rem;
    color:#666;
    font-weight: bold;
  }
  font{
    font-size: .24rem;
    color: #999;
  }
}
.context-detail{
  padding:2rem 15px 0;
  .logo{
    width: 0.9rem;
    height: .98rem;
    display: block;
    margin:0 auto 10px;
  }
  .fz36{
    font-size: .36rem;
    color: #333;
    text-align: center;
  }
  .boxs{
    border:1px solid rgba(241,241,241,1);
    border-radius:.10rem;
    padding:10px 15px;
    margin-top: .8rem;
    display: flex;
    justify-content:space-around;
    img{
      width: .87rem;
      height: .87rem;
      border-radius:50%;
      margin-right: .2rem;
    }
    .txt{
      flex: 8;
      font-size: .28rem;
      color: #333;
      font{
        font-size: .24rem;
        color: #999;
      }
    }
    .red{
      flex: 2;
      font-size: .32rem;
      color: #FF3333;
    }
  }
  .title{
    padding-top: .4rem;
    line-height: 3;
    font-size: .28rem;
    color: #333;
  }
  .fz24{
    font-size: .24rem;
    color: #999;
    margin-bottom: .2rem;
    line-height: 1.5;
  }
  .border-b{
    margin-top: .6rem;
    border-bottom:1px #E9E9E9 solid;
  }
}

/*图片*/
.w100{
  width: 100%;
  height: auto;
  
}
.dis-none{
    display: none;
}

//支付宝提现
.flexs{
  display: flex;
  justify-content: space-between;
  align-items:center;
  .icon-zfb{
    width: .74rem;
    height: auto;
  }
  .flex_info{
    margin-left: 15px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    a{
      color: #00B5E9;
      text-decoration: underline;
    }
  }
}